<template>
	<view>
		<view class="its">
			<view class="item">
				<view class="left">
					佣金
				</view>
				<view class="right">
					￥{{info.distribution_all_price}}
				</view>
			</view>
			<view class="item">
				<view class="left">
					税费
				</view>
				<view class="right">
					￥{{info.commission_commission_price}}
				</view>
			</view>
			<view class="item">
				<view class="left">
					结算佣金
				</view>
				<view class="right1" style="color: #FE7444;">
					￥{{info.distribution_price}}
				</view>
			</view>
		</view>
		<view class="its">
			<view class="item">
				<view class="left">
					订单金额
				</view>
				<view class="right1">
					￥{{info.allprice}}
				</view>
			</view>
			<view class="item">
				<view class="left">
					商品名称
				</view>
				<view class="right">
					[{{info.ticket_title}}]
				</view>
			</view>
			<view class="item">
				<view class="left">
					商品数量
				</view>
				<view class="right">
					{{info.number}}
				</view>
			</view>
		</view>
		
		<view class="its">
			<view class="item">
				<view class="left">
					订单编号
				</view>
				<view class="right">
					{{info.orderno}}
				</view>
			</view>
			<view class="item">
				<view class="left">
					下单用户
				</view>
				<view class="right">
					{{info.nickname}}
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:{}
			};
		},
		onLoad(option) {
			this.info = JSON.parse(decodeURIComponent(option.obj))
			console.log(JSON.parse(decodeURIComponent(option.obj)));
		}
	}
</script>

<style lang="scss">
.its{
	width: 690rpx;
	margin: 0 auto;
	padding: 30rpx 0rpx;
	box-sizing: border-box;
	.item{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 20rpx;
		.left{
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 28rpx;
			color: #000000;
		}
		.right{
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			font-size: 30rpx;
			color: #000000;
		}
		.right1{
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 32rpx;
			color: #000000;
		}
	}
}
.its:last-child{
	border-top: 1px solid #D1D1D6;
}
</style>
